<!--
  @desc: tab内容切换
  @author: lanbao
-->
<template>
  <div class="tabContent md-example-child md-example-child-detail-item md-example-child-detail-item-0">
    <md-field>
      <md-detail-item title="项目编号" content="p123456789" />
      <md-detail-item title="项目名称" content="XXXXXX" />
      <md-detail-item title="项目类型" content="XXXXX" />
      <md-detail-item title="标的公司名称" content="XXXX" />
      <md-detail-item title="登记人" content="张三" />
      <md-detail-item title="登记日期" content="2020-01-01" />
    </md-field>
  </div>
</template>

<script>
import {Field, DetailItem} from 'mand-mobile'

export default {
  name: 'detail-item-demo',
  components: {
    [Field.name]: Field,
    [DetailItem.name]: DetailItem
  }
}
</script>

<style lang="stylus" scoped>
  .tabContent
    .md-field
      width 95%
      padding 0
      margin 10px auto
      border-radius 8px
      background #f4f4f4
      .md-detail-item
        padding 10px
        font-size 18px
</style>
